@media (min-width: 1030px) and (max-width: 1920px) {
    
    main img,
    main video{
        border-radius: 15px;
    }
    
    .conatiner-seo {
        margin: 0rem 7.5rem 0rem 7.5rem;
    }
    

    .container-seo--{
        display: flex;
        flex-direction: row;
    }

    .conatiner-seo h1 {
    text-align: center;
    font-size: var(--title-pc);
    margin: 3rem;
}

    .container-seo--img h2,
    .container-seo--img h3,
    .container-seo--img p{
        text-align: start;
        font-weight: 550;
        font-size: var(--subtitle-pc);
        margin: 0;
    }
    
    
    .container-seo--img h2,
    .container-seo--img h3{
        margin: 2rem 0rem 0rem 0rem;
    }

    .container-seo--img {
        height: 100%;
        width: 50%;
    }

    .container-seo--img p{
        text-align: justify;
        font-size: var(--text);
        max-width: 95%;
        margin: 1.2rem 0rem;
        font-weight: 500;
        line-height: --line-height-pc;
    }
    
    .container-seo--img ul li {
        margin: -0rem 1.375rem 0rem 1.375rem;
        font-size: var(--text);
        font-weight: 500;
}

    .container-seo--img p:nth-child(1){
        font-size: 3rem;
    }

    .container-seo--img img{
        width: 96%;
        height: 50%;
    }

    .container-seo--img ul {
        flex-direction: column;
        color: #000;
    }
    
    .container-1 {
        padding: 2rem 7.5rem 1rem 7.5rem;
        margin: 3rem 0rem 0rem 0rem;
    }
    
    .container-1 p:nth-child(1) {
        text-align: left;
        font-size: var(--title-pc);
        margin-bottom: 2rem;
    }
    
    .container-1--{
        display: flex;
        margin: 0;
    }

    .container-1-- p:nth-child(1){
        max-width: 40%;
        text-align: justify;
        display: flex;
        align-items: center;
        font-weight: 400;
        font-size: var(--text);
        justify-content: space-between;
        margin-right: 10%;
        line-height: var(--line-height-pc);
    }
    
    .E-m-title{
        font-size: var(--title-pc);
        margin: 2rem 0rem 2rem 0rem;
    }

    h6{
        font-size: var( --subtitle-pc);
    }

    .C-exp{
        flex-direction: row;
        margin: 0rem 7.5rem;
        max-width: 100vw;
        justify-content: space-between;
    }
    
    .C-exp--{
        max-width: 35vw;
    }    

    .C-exp-- img{
        height: 45vh;
    }
    .container-2{
        margin: 3rem 7.5rem;
        height: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        overflow-x: hidden;
}

    .container-2 img{
        width: 120px;
        height: 100%;
        margin: 0.3rem 0rem;
}
    
    .container-3{
        margin: 1rem 7.5rem 1rem 7.5rem;
    }

    .container-3--{
        display: flex;
        flex-direction: row;
    }

    .container-3--img {
        display: flex;
        align-items: center;
        flex-direction: column;
        margin: 1rem 0rem;
        padding: 0.4rem;
        width: 50vw;
    }    

    .container-3--img img {
        height: 60%;
        width: 100%;
        background-size: cover;
    }

    .container-3--img p {
        font-size: var(--subtitle-pc);
        padding: 0.4rem;
        font-weight: 600;
    }

    p.container-3-p {
        font-size: var(--title-pc);
        text-align: center;
    }

    .container-3--img p:nth-child(3) {
        font-size: var(--text);
        font-weight: 400;
        text-align: justify;
        line-height: var(--line-height-pc);
        height: 100%;
    }

    
    .container-3--img p:nth-child(4) {
        font-size: 1rem;
        font-weight: 400;
    }

    .container-3--img button {
        border: none;
        font-size: 1rem;
        cursor: pointer;
        padding: 0.6rem 1rem;
        background-color: var(--color-red);
        border-radius: 1rem;
        color: var(--color-white);
        font-weight: 600;
    }

    .container-3--img button:hover{
        opacity: 1;
        transition: 0.6s;
        background-color: #272727;
    }
    
    
     
     
  .review-item {
    flex: 0 0 33.33%; 
  }
  
  

  .profile-img {
    width: 80px;
    height: 80px;
  }

  .user-fullname {
    font-size: 18px;
  }

  .rating-section {
    font-size: 20px;
  }

  .feedback-text {
    font-size: var(--text);
  }

  .nav-control {
    font-size: 24px;
    padding: 12px;
  }
  
  .carousel-wrapper {
    margin: 3rem 0rem;
}


  .testimonial-card {
    flex: 0 0 33.33%; 
  }

  .profile-picture {
    width: 110px;
    height: 110px;
  }

  .user-name {
    font-size: 18px;
  }

  .review-text {
    font-size: var(--text);
  }
  
 .scroll-container {
  transition: transform 0.8s ease;
}

  .navigation-button {
    font-size: 24px;
    padding: 12px;
  }
  
  .carousel-container {
    margin: 3rem 0rem;
}

}